/**
 *  merge level=-1
 */
 
Ext.Loader.setConfig({
	enabled : true,
	paths : {
		'Jfok' : 'js'
	},
	disableCaching : true
});

Ext.Ajax.on('requestcomplete', function(conn, response, options) {
	if (response.responseText.indexOf("error=sessiontimeout") > -1) {
		Ext.Msg.alert('Session Timeout', 'Your session has ti');
	}
});
Ext.Ajax.on('requestexception', function(conn, response, options) {
	if (response.responseText.indexOf("error=sessiontimeout") > -1) {
		Ext.Msg.alert('Session Timeout', 'Your session has ti');
	}
});

Ext.QuickTips.init();
delete Ext.tip.Tip.prototype.minWidth; // chrome显示tooltip会缩在一起
var sinfo, themegroup;
Ext.application({
	requires : [ 'Jfok.login.LoginForm', 'Jfok.shared.ThemeSelect' ],
	name : 'login',
	launch : function() {

		sinfo = Ext.decode(Ext.get('sinfo').getAttribute('sinfo'));
		themegroup = Ext.widget('themeselect', {
			floating : true,
			fixed : true,
			margin : '5 5 0 0'
		});
		themegroup.show();
		align();
		Ext.EventManager.onWindowResize(align);

		setTimeout(function() {
			Ext.create('Ext.container.Viewport', {
				layout : {
					type : 'vbox',
					align : 'center'
				},
				defaults : {
					bodyStyle : 'background : transparent;',
					border : false
				},
				items : [
						{
							width : '100%',
							flex : 5,
							minHeight : 80,
							layout : {
								type : 'vbox',
								align : 'center'
							},
							defaults : {
								bodyStyle : 'background : transparent;',
								border : false
							},
							items : [ {
								flex : 1
							}, {
								height : 80,
								layout : {
									type : 'hbox',
									align : 'middle'
								},
								items : [ {
									xtype : 'image',
									src : 'images/system/favicon36.png',
									width : 36,
									height : 36
								}, {
									xtype : 'label',
									baseCls : 'effect06',
									text : sinfo.systemName
								} ]
							}, {
								flex : 1
							} ]
						},
						{
							width : '100%',
							layout : {
								type : 'hbox'
							},
							defaults : {
								bodyStyle : 'background : transparent;',
								border : false
							},
							items : [ {
								flex : 1
							}, {
								xtype : 'loginform'
							}, {
								flex : 1
							} ]
						},
						{
							flex : 10,
							xtype : 'panel',
							width : '100%',
							layout : {
								type : 'vbox',
								align : 'center'
							},
							defaults : {
								bodyStyle : 'background : transparent;',
								border : false
							},
							items : [
									{
										flex : 5,
										width : '100%'
									},
									{
										xtype : 'toolbar',
										width : '100%',
										items : [ '->', sinfo['userdwmc'], ' ', sinfo['startdate'],
												'->' ]
									},
									{
										xtype : 'toolbar',
										margin : '5 0 5 0',
										width : '100%',
										items : [ '->', sinfo['serviceDepartment'], ' ',
												sinfo['serviceMen'], ' ', sinfo['serviceTelnumber'],
												sinfo['serviceEmail'], sinfo['serviceQQ'], '->' ]
									}, {
										xtype : 'toolbar',
										width : '100%',
										items : [ '->', sinfo.copyrightInfo, '->' ]
									}, {
										flex : 1,
										width : '100%'
									} ]
						} ]
			});
		}, 10);
	}
});

function align() {
	themegroup.alignTo(document.body, 'tr-tr', [
			(Ext.getScrollbarSize().width - 26), 3 ]);
}
